<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8"/>
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<!--上述2个meta标签必须放在最前面，任何其他内容都必须放在后面-->
		<title>pengwenxiu</title>
		<link rel="stylesheet" href="css/bootstrap.min.css"/>
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<style>
			div{
				outline: 2px solid red;
			}
			table{
				outline: 1px solid red;
			}
		</style>
	</head>
	<body>
		<div class="table-responsive">
			<table class="table table-striped table-bordered table-hover table-condensed">
				<tr>
					<th>#</th>
					<th>星期一</th>
					<th>星期二</th>
					<th>星期三</th>
					<th>星期四</th>
					<th>星期五</th>
				</tr>	
				<tr>
					<th></th>
					<th>语文</th>
					<th>数学</th>
					<th>语文</th>
					<th>英语</th>
					<th>语文</th>
				</tr>
				<tr>
					<th></th>
					<th>美术</th>
					<th>化学</th>
					<th>语文</th>
					<th>物理</th>
					<th>语文</th>
				</tr>
				<tr>
					<th></th>
					<th>数学</th>
					<th>语文</th>
					<th>生物</th>
					<th>历史</th>
					<th>语文</th>
				</tr>
				<tr>
					<th></th>
					<th>音乐</th>
					<th>语文</th>
					<th>政治</th>
					<th>化学</th>
					<th>数学</th>
				</tr>
				<tr>
					<th></th>
					<th>体育</th>
					<th>化学</th>
					<th>语文</th>
					<th>政治</th>
					<th>物理</th>
				</tr>
				<tr>
					<th></th>
					<th>语文</th>
					<th>化学</th>
					<th>美术</th>
					<th>哲学</th>
					<th>生物</th>
				</tr>
			</table>
		</div>
	</body>
</html>
